<template>
  <div>
    <h2>登陆页面</h2>
    <table border="1">
      <tr>
        <td>用户名</td>
        <td>
          <input type="text" v-model="info.dname">
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td>
          <input type="password" v-model="info.dpwd">
        </td>
      </tr>
      <tr>
        <td>用户类型</td>
        <td>
            <input type="radio" name="type" value="管理员" checked v-model="info.xtype">管理员
            <input type="radio" name="type" value="普通用户" v-model="info.xtype">普通用户
          </td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="button" value="登录" @click="login()">
        </td>
      </tr>
    </table>

  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import axios from 'axios'
import { useRouter } from 'vue-router';
const router = useRouter()
const info=ref({
  dname:"",
  dpwd:"",
  xtype:"",
})
const login=()=>{
  if(info.value.dname==""||info.value.dpwd==""){
    alert("用户名或密码不能为空");
    return;
  }
  axios({
    url:"http://localhost:18964/api/CF/denglu",
    method:"get",
    params:{
      dname:info.value.dname,
      dpwd:info.value.dpwd,
    }
  }).then(res=>{
    console.log(res.data);
    if(res.data==100){
      alert("用户不存在");
    }
    else if(res.data==200){
      alert("密码错误");

    }
    else if(res.data==300)
    {
      if(info.value.xtype=="管理员")
      {
        alert("管理员登陆成功");
          router.push("AdminView") 
      }
      else
      {
        alert("普通用户登陆成功");
        router.push("UserView")
      }
  

    }
    else{
      alert("登陆失败")
    }
  })
}

</script>

<style scoped>

</style>